<div class="card" style="min-height:250px;">
  <div id="cabinetAreaChart" style="width: 100%;height:300px;padding-top:10px;">ssss</div> 
</div>
<script src="/echarts/echarts.common.min.js"></script>
<script type="text/javascript">
    Dcat.ready(function () {
        var cabinetAreaChart = echarts.init(document.getElementById('cabinetAreaChart'));
        var option;

        option = {
          title: {
            text: '区域分布',
            subtext: '',
            left: 'center'
          },
          tooltip: {
            trigger: 'item'
          },
          legend: {
            orient: 'vertical',
            left: 'left'
          },
          series: [
            {
              name: '区域分布',
              type: 'pie',
              radius: '50%',
              data: {!! $provinceData !!},
              emphasis: {
                itemStyle: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
              }
            }
          ]
        };

        option && cabinetAreaChart.setOption(option);
    });
</script>